<template>
  <div>
    <Index />
    <!-- <el-tabs v-model="activeName">
      <el-tab-pane label="首页" name="first">
        <Index />
      </el-tab-pane>
      <el-tab-pane label="设备清单" name="second">
        <div>
          <el-tabs type="border-card"  v-model="cardName">
        <el-tab-pane label="服务器设备" name= 'one'>
          <Sever />
        </el-tab-pane>
        <el-tab-pane label="网络设备" name="two">
          <Network />
        </el-tab-pane>
        <el-tab-pane label="网络安全" name="three">
          <Security />
        </el-tab-pane>
        <el-tab-pane label="软件系统" name="four">
          <Software />
        </el-tab-pane>
        <el-tab-pane label="接收外单位设备" name="five">
          <External />
        </el-tab-pane>
      </el-tabs>
        </div>
      </el-tab-pane>
    </el-tabs> -->
  </div>
</template>

<script>
import Index from '@/views/index'
// import List from '@/views/EquipmentList/list/index.vue'
import Sever from '@/views/EquipmentList/assList/sever.vue' 
import Network from '@/views/EquipmentList/assList/network.vue' 
import Security from '@/views/EquipmentList/assList/security.vue' 
import Software from '@/views/EquipmentList/assList/software.vue' 
import External from '@/views/EquipmentList/assList/external.vue' 
export default {
  components: { Index, Sever, Network, Security, Software, External },
  data () {
    return {
      activeName: 'first',
      cardName: 'one'
    }
  }
}
</script>

<style lang="less" scoped>
 /deep/ .el-tabs__header {
  padding: 0 20px;
 }
</style>
